<!DOCTYPE html>
<html>
<head>  
    <title>智能交互</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" type="text/css" href="/css/qq.css"/>
<style> 

div
{
	font-size:70px;
}
.span{
   font-size:70px;
}
</style>
</head>
<body>

<div class="qqBox" style="height:100%;width: 100%"">
    <div class="BoxHead" style="background-color:#4682B4;height:10%;border-radius:10px;">
        <div class="headImg">
            <img src="/imgs/user.jpg"/>
        </div>
        <div class="internetName">我的用户名</div>
    </div>
    <div class="context">
        <div class="conLeft" style="height:100%;width:25%;">
            <ul >
                <li>
                    <div class="liLeft"><img src="/imgs/20170926103645_04.jpg"/></div>
                    <div class="liRight">
                        <span class="intername" ">前端交流群</span>
                        <span class="infor">厉害了</span>
                    </div>
                </li>
                <li class="bg">
                    <div class="liLeft"><img src="/imgs/20170926103645_19.jpg"/></div>
                    <div class="liRight">
                        <span  class="intername">赵鹏</span>
                        <span class="infor">[流泪]</span>
                    </div>
                </li>

            </ul>
        </div>
        <div class="conRight">
            <div class="Righthead" style="height:150px">
                <div class="headName">赵鹏</div>
                <div class="headConfig">
                    <ul>
                        <li><img src="/imgs/20170926103645_06.jpg"/></li>
                        <li><img src="/imgs/20170926103645_08.jpg"/></li>
                        <li><img src="/imgs/20170926103645_10.jpg"/></li>
                        <li><img src="/imgs/20170926103645_12.jpg"/></li>
                    </ul>
                </div>
            </div>
            <div class="RightCont">
                <ul class="newsList">

                </ul>
            </div>
            <div class="RightFoot"  style="height:250px">
                <div class="emjon">
                    <ul>
                        <li><img src="/imgs/em_02.jpg"/></li>
                        <li><img src="/imgs/em_05.jpg"/></li>
                        <li><img src="/imgs/em_07.jpg"/></li>
                        <li><img src="/imgs/em_12.jpg"/></li>
                    </ul>
                </div>
                <div class="footTop" >
                    <ul>
                        <li><img src="/imgs/20170926103645_31.jpg"/></li>
                        <li class="ExP"><img src="/imgs/20170926103645_33.jpg"/></li>
                        <li><img src="/imgs/20170926103645_35.jpg"/></li>
                        <li><img src="/imgs/20170926103645_37.jpg"/></li>
                        <li><img src="/imgs/20170926103645_39.jpg"/></li>
                        <li><img src="/imgs/20170926103645_41.jpg" alt="" /></li>
                        <li><img src="/imgs/20170926103645_43.jpg"/></li>
                        <li><img src="/imgs/20170926103645_45.jpg"/></li>
                    </ul>
                </div>
                <div class="inputBox" >
                    <textarea id="dope" style="width: 99%;height: 75px; border: none;outline: none;" name="" rows="" cols=""></textarea>
                    <button class="sendBtn" style="width:50%;height:40%;background-color:#4682B4;border-radius:15px;">发送(s)</button>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/chat.js"></script>

</body>
</html>